import React, { Component } from 'react';
import Basic from './demo/Basic';
import Basic1 from './demo/Basic1';
import Basic2 from './demo/Basic2';
import Basic3 from './demo/Basic3';
import {View, ScrollView} from 'react-native';
import {Label} from 'iftide';
export default class Step_Demo extends Component{
    render(){
        return(
            <ScrollView>
                <View style={{backgroundColor: '#F5F7F9',padding: 13}}>
                    <Label text = '横向' fontWeight={'bold'} textDecorationLine={'underline'}/>
                </View>
                <Basic1 />
                <View style={{backgroundColor: '#F5F7F9',padding: 13}}>
                    <Label text = '横向图片' fontWeight={'bold'} textDecorationLine={'underline'}/>
                </View>
                <Basic3 />
                <View style={{flexDirection: 'row'}}>
                <View>
                <View style={{backgroundColor: '#F5F7F9',padding: 13}}>
                    <Label text = '纵向' fontWeight={'bold'} textDecorationLine={'underline'}/>
                </View>
                <Basic />
                </View>
                <View>
                <View style={{backgroundColor: '#F5F7F9',padding: 13}}>
                    <Label text = '纵向倒叙' fontWeight={'bold'} textDecorationLine={'underline'}/>
                </View>
                <Basic2 />
                </View>
                </View>

                
            </ScrollView>
        )
    }
}